import { createApp } from 'vue'
import { createPinia } from 'pinia'
import router from './router'
import App from './App.vue'

// 导入Vant UI组件库
import Vant from 'vant'
import 'vant/lib/index.css'

// 导入全局样式
import './styles/index.css'
import './style.css'

// 导入工具
import guide from './utils/guide'

// 创建应用实例
const app = createApp(App)

// 使用插件
app.use(createPinia())
app.use(router)
app.use(Vant)

// 全局属性
app.config.globalProperties.$guide = guide

// 路由切换后启动引导
router.afterEach((to) => {
  const routeMap = {
    '/': 'home',
    '/airplane': 'airplane',
    '/camp': 'camp',
    '/video': 'video',
    '/my': 'my'
  }
  
  const pageName = routeMap[to.path]
  if (pageName && to.meta.showTabBar) {
    // 仅在主要页面显示引导
    setTimeout(() => {
      guide.startGuide(pageName)
    }, 500)
  }
})

app.mount('#app')
